<table class="table table-bordered" id="dataTable" style="border: 0px;border-top: 1px solid #ddd">
        <caption style="text-align: center;font-size: large">{{tableTitle}}</caption>
        <thead>
            <tr>
                {% for i in header %}
                <th class="text-center">{{i}}</th>
                {% endfor %}
            </tr>
        </thead>
        <tbody>
         {% for j in data %}
            <tr>
                {% if j  %}
                  <td class="text-center">{{j}}</td>
                {% else %}
                    {% for k in j %}
                    <td class="text-center">{{k}}</td>
                    {% endfor %}
                {% endif %}
            </tr>
        {% endfor %}
        </tbody>
        <tfoot style="text-align:end">
            <tr>
                <td colspan="{{colnum}}" style="border: 0px;text-align: left;padding-left: 0px;">
                    <ul class="pagination">
                        <li>
                            <a style="height: 41.2px;border: 0px;padding-left: 0px;">
                                <select class="form-control" style="width: auto;height: 30px" onchange="changepage(this)" id="curtotal">
                                    <option>10</option>
                                    <option>20</option>
                                    <option>30</option>
                                    <option>40</option>
                                    <option>50</option>
                                </select>
                            </a>
                        </li>
                        <li>
                            <a style="margin-left: 10px;border: 0px;">
                                <label style="margin-left: 20px">第</label>
                                <input id="page" style="width:30px;text-align: center" value="{{curpage}}"/>
                                <label>页</label>
                                <label style="margin-left: 20px" id="count" value="{{count}}">共{{count}}页</label>
                                <label style="margin-left: 20px">跳到第</label>
                                <input id="gopage" style="width:30px;text-align: center" value="1"/>
                                <label>页</label>
                                <button style="margin-left: 10px" onclick="changepage(this)">
                                    GO
                                </button>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0)" style="height: 41.2px;margin-left: 30px;border: 0px" onclick="changepage(this)" value="up">
                                <button>
                                    上一页
                                </button>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0)" style="height: 41.2px;margin-left: 20px;border: 0px" onclick="changepage(this)"
                               value="next" style="margin-left: 20px">
                                <button>
                                    下一页
                                </button>
                            </a>
                        </li>
                    </ul>
            </tr>
        <tr>
            <td colspan="{{colnum}}" style="border: 0px;text-align: right;padding-left: 0px;">
                <label>当前访问ip地址:{{ip}}</label>
            </td>
        </tr>
        </tfoot>
</table>
